<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Ebro Admin Template v1.3</title>
		
		<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		
	<!-- bootstrap framework-->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
	<!-- todc-bootstrap -->
		<link rel="stylesheet" href="css/todc-bootstrap.min.css">
	<!-- font awesome -->        
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
	<!-- flag icon set -->        
		<link rel="stylesheet" href="img/flags/flags.css">
	<!-- retina ready -->
		<link rel="stylesheet" href="css/retina.css">
	<!-- bootstrap switch -->
		<link rel="stylesheet" href="js/lib/bootstrap-switch/stylesheets/bootstrap-switch.css">
		<link rel="stylesheet" href="js/lib/bootstrap-switch/stylesheets/ebro_bootstrapSwitch.css">	
	
	<!-- aditional stylesheets -->
		<!-- linecons -->        
			<link rel="stylesheet" href="css/linecons/style.css">

	<!-- ebro styles -->
		<link rel="stylesheet" href="css/style.css">
	<!-- ebro theme -->
		<link rel="stylesheet" href="css/theme/color_1.css" id="theme">
		
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="css/ie.css">
		<script src="js/ie/html5shiv.js"></script>
		<script src="js/ie/respond.min.js"></script>
		<script src="js/ie/excanvas.min.js"></script>
	<![endif]-->

	<!-- custom fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:300,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
			
	</head>
	<body class=" sidebar_hidden side_fixed">
		<div id="wrapper_all">
			<header id="top_header">
				<div class="container">
					<div class="row">
						<div class="col-xs-6 col-sm-2">
							<a href="dashboard1.html" class="logo_main" title="Ebro Admin Template:"><img src="img/logo_main.png" alt=""></a>
						</div>
						<div class="col-sm-push-4 col-sm-3 text-right hidden-xs">
							<div class="notification_dropdown dropdown">
								<a href="#" class="notification_icon dropdown-toggle" data-toggle="dropdown">
									<span class="label label-danger">8</span>
									<i class="icon-comment-alt icon-2x"></i>
								</a>
								<ul class="dropdown-menu">
									<li>
										<div class="dropdown_heading">Comments</div>
										<div class="dropdown_content">
											<ul class="dropdown_items">
												<li>
													<h3><span class="small_info">12:43</span><a href="#">Lorem ipsum dolor&hellip;</a></h3>
													<p>Lorem ipsum dolor sit amet&hellip;</p>
												</li>
												<li>
													<h3><span class="small_info">Today</span><a href="#">Lorem ipsum dolor&hellip;</a></h3>
													<p>Lorem ipsum dolor sit amet&hellip;</p>
												</li>
												<li>
													<h3><span class="small_info">14 Aug</span><a href="#">Lorem ipsum dolor&hellip;</a></h3>
													<p>Lorem ipsum dolor sit amet&hellip;</p>
												</li>
											</ul>
										</div>
										<div class="dropdown_footer"><a href="#" class="btn btn-sm btn-default">Show all</a></div>
									</li>
								</ul>
							</div>
							<div class="notification_separator"></div>
							<div class="notification_dropdown dropdown">
								<a href="#" class="notification_icon dropdown-toggle" data-toggle="dropdown">
									<span class="label label-danger">12</span>
									<i class="icon-envelope-alt icon-2x"></i>
								</a>
								<ul class="dropdown-menu dropdown-menu-wide">
									<li>
										<div class="dropdown_heading">Messages</div>
										<div class="dropdown_content">
											<ul class="dropdown_items">
												<li>
													<h3><a href="#">Lorem ipsum dolor sit amet</a></h3>
													<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
													<p class="large_info">Sean Walter, 24.05.2014</p>
													<i class="icon-exclamation-sign indicator"></i>
												</li>
												<li>
													<h3><a href="#">Lorem ipsum dolor&hellip;</a></h3>
													<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aliquam assumenda&hellip;</p>
													<p class="large_info">Sean Walter, 24.05.2014</p>
												</li>
												<li>
													<h3><a href="#">Lorem ipsum dolor&hellip;</a></h3>
													<p>Lorem ipsum dolor sit amet, consectetur&hellip;</p>
													<p class="large_info">Sean Walter, 24.05.2014</p>
													<i class="icon-exclamation-sign indicator"></i>
												</li>
											</ul>
										</div>
										<div class="dropdown_footer">
											<a href="#" class="btn btn-sm btn-default">Show all</a>
											<div class="pull-right dropdown_actions">
												<a href="#"><i class="icon-refresh"></i></a>
												<a href="#"><i class="icon-cog"></i></a>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-xs-6 col-sm-push-4 col-sm-3">
							<div class="pull-right dropdown">
								<a href="#" class="user_info dropdown-toggle" title="Jonathan Hay" data-toggle="dropdown">
									<img src="img/user_avatar.png" alt="">
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li><a href="user_profile.html">Profile</a></li>
									<li><a href="javascript:void(0)">Another action</a></li>
									<li><a href="login_page.html">Log Out</a></li>
								</ul>
							</div>
						</div>
						<div class="col-xs-12 col-sm-pull-6 col-sm-4">
							<form class="main_search">
								<input type="text" id="search_query" name="search_query" class="typeahead form-control">
								<button type="submit" class="btn btn-primary btn-xs"><i class="icon-search icon-white"></i></button>
							</form> 
						</div>
					</div>
				</div>
			</header>						
			<nav id="top_navigation">
				<div class="container">
					<ul id="icon_nav_h" class="top_ico_nav clearfix">
						<li>
							<a href="#">
								<i class="icon-home icon-2x"></i>
								<span class="menu_label">Home</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<i class="icon-edit icon-2x"></i>
								<span class="menu_label">Content</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<i class="icon-group icon-2x"></i>
								<span class="menu_label">Users</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<span class="label label-danger">12</span>
								<i class="icon-tasks icon-2x"></i>
								<span class="menu_label">Tasks</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<i class="icon-beaker icon-2x"></i>
								<span class="menu_label">Plugins</span>
							</a>
						</li>
						<li class="active">             
							<a href="#">
								<i class="icon-book icon-2x"></i>
								<span class="menu_label">Help</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<span class="label label-success">$2 347</span>
								<i class="icon-tags icon-2x"></i>
								<span class="menu_label">E-Commerce</span>
							</a>
						</li>
						<li>             
							<a href="#">
								<i class="icon-wrench icon-2x"></i>
								<span class="menu_label">Settings</span>
							</a>
						</li>
					</ul>
				</div>
			</nav>
			<!-- mobile navigation -->
			<nav id="mobile_navigation"></nav>
			
			<section id="breadcrumbs">
				<div class="container">
					<ul>
						<li><a href="#">Ebro Admin</a></li>
						<li><a href="#">Other Pages</a></li>
						<li><span>Help/Faq</span></li>						
					</ul>
				</div>
			</section>
			<section class="container clearfix main_section">
				<div id="main_content_outer" class="clearfix">
					<div id="main_content">
						
						<!-- main content -->
						<h2 class="heading_lg">Frequently Asked Questions</h2>
						<h3 class="heading_lg_sub">Get Help. Find Answers</h3>
					
						<div class="row text-center">
							<div class="col-sm-4">
								<a class="link_boxed">
									<span class="label label-danger">4</span>
									<span class="link_boxed_icon li_megaphone"></span>
									Latest Alerts
								</a>
							</div>
							<div class="col-sm-4">
								<a class="link_boxed">
									<span class="link_boxed_icon li_star"></span>
									Popular Questions
								</a>
							</div>
							<div class="col-sm-4">
								<a class="link_boxed">
									<span class="link_boxed_icon li_mail"></span>
									Contact Us
								</a>
							</div>
						</div>
					
						<div class="row">
							<div class="col-sm-12">
								<div class="well faq_search">
									<form class="input-group">
										<input type="text" class="form-control" placeholder="Search..." >
										<span class="input-group-btn"><button class="btn btn-primary"><i class="icon-search"></i></button></span>
									</form>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="row">
									<div class="col-sm-12">
										<div class="faq_accordions">
											<h4 class="faq_heading heading_b"><span>Evaluations</span></h4>
											<div id="faq_evaluations" class="panel-group">
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_1" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">1.</span> Quia doloremque occaecati distinctio et iure qui similique aut.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_1" class="panel-collapse collapse">
														<div class="panel-body">Aut aut occaecati nam earum. Libero dolor doloremque aliquid quis. Autem officiis vel ut asperiores repellat aut voluptates. Sint aut ea quidem optio.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_2" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">2.</span> Maiores repellendus delectus quia.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_2" class="panel-collapse collapse">
														<div class="panel-body">Esse illum numquam velit voluptatem. Ut omnis hic et aut et consequatur. In nobis et distinctio itaque aut eius.
Qui rerum qui quis sit omnis. Et quas voluptas et quos. Illo iure dolore voluptas impedit quaerat reiciendis. Non commodi et recusandae et.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_3" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">3.</span> Aut porro qui dolores dolorem quo.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_3" class="panel-collapse collapse">
														<div class="panel-body">Maiores quod iure voluptatem id totam. Corporis id sed est incidunt at. Reiciendis quidem deleniti dicta qui quisquam voluptatem sapiente.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_4" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">4.</span> Aperiam laboriosam rem nihil qui nulla blanditiis ipsam.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_4" class="panel-collapse collapse">
														<div class="panel-body">Maiores maxime ea ut voluptas sed odio. Aliquid eius libero assumenda modi. Accusantium non adipisci voluptate consequatur autem provident accusamus.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_5" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">5.</span> Neque nihil quidem dolore nemo et.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_5" class="panel-collapse collapse">
														<div class="panel-body">Error dolores non non architecto numquam mollitia quia. Aliquam rerum dolores tenetur adipisci et doloribus enim. Animi ipsa earum necessitatibus animi. Voluptatum molestiae est voluptates fugit excepturi est atque voluptates.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_evaluations_6" data-parent="#faq_evaluations_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">6.</span> Perspiciatis quam ipsa et mollitia quae vero.?
															</a>
														</h4>
													</div>
													<div id="faq_evaluations_6" class="panel-collapse collapse">
														<div class="panel-body">Voluptas amet et non veniam sunt eveniet qui. Vel cumque facilis et quisquam et. Delectus vitae optio officia ut reiciendis molestiae. Error quidem inventore perspiciatis voluptatum.</div>
													</div>
												</div>
											</div>
											<h4 class="faq_heading heading_b"><span>Licensing</span></h4>
											<div id="faq_licensing" class="panel-group">
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_licensing_1" data-parent="#faq_licensing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">1.</span> Voluptatum consectetur iusto sint facilis deleniti.?
															</a>
														</h4>
													</div>
													<div id="faq_licensing_1" class="panel-collapse collapse">
														<div class="panel-body">Molestiae magni sed quas eligendi amet. Et maiores dicta quia animi ut.
Quia nostrum soluta excepturi eveniet est esse. Aut omnis harum totam veritatis. Est voluptatem et eum culpa voluptatem.
Eum consequatur sequi accusamus asperiores et ea nesciunt. Sint est sint rerum est doloribus et ullam. Est temporibus animi in eum. Nihil quia vel soluta.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_licensing_2" data-parent="#faq_licensing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">2.</span> Fugit et quidem omnis enim temporibus cumque.?
															</a>
														</h4>
													</div>
													<div id="faq_licensing_2" class="panel-collapse collapse">
														<div class="panel-body">Delectus impedit harum veritatis quia. Quibusdam et quia error nostrum minima. Illo mollitia aut aut adipisci sit in sint qui. Praesentium praesentium distinctio error enim. Molestias vel quis ipsam iusto ducimus blanditiis facere.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_licensing_3" data-parent="#faq_licensing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">3.</span> Quis dignissimos dignissimos quis eos.?
															</a>
														</h4>
													</div>
													<div id="faq_licensing_3" class="panel-collapse collapse">
														<div class="panel-body">Earum beatae perspiciatis vero qui est dignissimos. Expedita ipsa unde dignissimos dolorem alias sed ut. Quisquam rerum et quod amet odit odio. Neque unde quam voluptas et. Velit libero dolorem aut id neque in sit.
Porro veniam inventore officiis voluptas qui. Veniam sed adipisci natus qui. Aut accusantium explicabo non non ea.</div>
													</div>
												</div>
											</div>
											<h4 class="faq_heading heading_b"><span>Pricing and Discounts</span></h4>
											<div id="faq_pricing" class="panel-group">
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_1" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">1.</span> Tenetur iste sit et neque vero temporibus.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_1" class="panel-collapse collapse">
														<div class="panel-body">Id enim quis id enim asperiores. Culpa neque cupiditate quis fugit nam non.
Sed consequatur molestiae soluta eum rerum soluta alias. Qui delectus corporis omnis voluptatem voluptates repudiandae. Animi quae pariatur magnam commodi quae libero sapiente. Libero iste natus rerum ex perspiciatis.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_2" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">2.</span> Eum est dolor unde magni expedita et minima dolorum.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_2" class="panel-collapse collapse">
														<div class="panel-body">Voluptatum officia aut magnam ducimus impedit tenetur. Corrupti beatae voluptatem dicta accusantium quo architecto.
Quo dolorem incidunt et quo est ut placeat. Architecto eos esse aut necessitatibus repellat. Sit fugit eos sunt non sed sit. Eum rerum rerum illum quibusdam. Voluptatem animi explicabo vitae qui beatae molestias quam.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_3" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">3.</span> Quia sequi soluta ut sit.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_3" class="panel-collapse collapse">
														<div class="panel-body">Omnis mollitia voluptates quam magni. Laudantium totam modi impedit magni enim pariatur. Dolores qui et non est minima.
Est delectus sunt qui in doloribus aut. Quibusdam cumque exercitationem ipsum quidem perferendis ratione. Nemo enim optio itaque.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_4" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">4.</span> Eum dolorem ullam voluptatem beatae omnis sint.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_4" class="panel-collapse collapse">
														<div class="panel-body">Quidem odio debitis assumenda velit omnis eligendi ullam reiciendis. Qui dolorem aspernatur tempore pariatur. Fugiat mollitia omnis quae.
Iure enim iure maxime nobis id laudantium animi. In assumenda enim atque ducimus sapiente. Eaque illo consequuntur veritatis. Tenetur non quasi ipsum suscipit ducimus.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_5" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">5.</span> Necessitatibus delectus voluptas vel velit repellendus qui minus itaque.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_5" class="panel-collapse collapse">
														<div class="panel-body">Et veritatis id praesentium dolorum qui enim et. Earum voluptatem enim corporis facere. Et eos autem et illo. Officiis accusamus facere deserunt nisi. Esse molestias consequatur vel maxime consequuntur sit eligendi.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_6" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">6.</span> Numquam aut ipsa ut aliquid ipsum laudantium.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_6" class="panel-collapse collapse">
														<div class="panel-body">Aut et sequi fugiat recusandae quibusdam voluptatem. Voluptatibus ut vero nesciunt voluptatum odit. In voluptatem rerum eum qui exercitationem ex.
Quam neque aspernatur ipsum temporibus voluptatem. Iure placeat itaque omnis quas eligendi. Tenetur molestiae consectetur molestiae pariatur consequatur. Dolores quod ipsa sed tempora nesciunt earum.</div>
													</div>
												</div>
												<div class="panel panel-default">
													<div class="panel-heading">
														<h4 class="panel-title">
															<a href="#faq_pricing_7" data-parent="#faq_pricing_" data-toggle="collapse" class="accordion-toggle collapsed">
																<span class="text-muted">7.</span> Omnis odit corporis voluptatem voluptatum harum eligendi.?
															</a>
														</h4>
													</div>
													<div id="faq_pricing_7" class="panel-collapse collapse">
														<div class="panel-body">Veritatis dolore minus eos. Fugit non unde unde mollitia similique minima aspernatur. Omnis ipsum illo commodi quas. Impedit et minima odio amet maiores quidem.
Tempora eos amet qui molestiae quibusdam enim laborum ipsum. Cupiditate fugiat error officiis quod aut omnis amet.</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</section>
			<div id="footer_space"></div>
		</div>
	
        <footer id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        &copy; 2013 Your Company
                    </div>
                    <div class="col-sm-8">
                        <ul>
                            <li><a href="#">Dashboard</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Terms of Service</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-1 text-right">
                        <small class="text-muted">v1.3</small>
                    </div>
                </div>
            </div>
        </footer>
        	
		<nav id="side_fixed_nav">
			<div class="slim_scroll">
				<div class="side_nav_actions">
					<a href="javascript:void(0)" id="side_fixed_nav_toggle"><span class="icon-align-justify"></span></a>
					<div id="toogle_nav_visible" class="make-switch switch-mini" data-on="success" data-on-label="<i class='icon-lock'></i>" data-off-label="<i class='icon-unlock-alt'></i>">
						<input id="nav_visible_input" type="checkbox">
					</div>
				</div>
				<ul id="text_nav_side_fixed">
					<li>
						<a href="javascript:void(0)"><span class="icon-dashboard"></span>Dashboard</a>
						<ul>
							<li><a href="dashboard.html">Dashboard</a></li>
							<li><a href="dashboard_drag_drop.html">Drag & Drop Dashboard</a></li>
							<li>
								<a href="javascript:void(0)">Navigations</a>
								<ul>
									<li><a href="nav_side_accordion.html">Accordion Navigation</a></li>
									<li><a href="nav_side_icons.html">Icon Navigation</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><span class="icon-th-list"></span>Forms</a>
						<ul>
							<li><a href="form_regular_elements.html">Regular elements</a></li>
							<li><a href="form_extended_elements.html">Extended elements</a></li>
							<li><a href="form_multiupload.html">Multiupload</a></li>
							<li><a href="form_validation.html">Form validation</a></li>
							<li><a href="wizard.html">Wizard</a></li>
							<li><a href="wysiwg.html">WYSIWG Editor</a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><span class="icon-puzzle-piece"></span>Components</a>
						<ul>
							<li><a href="calendar.html">Calendar</a></li>
							<li><a href="charts.html">Charts</a></li>
							<li><a href="contact_list.html">Contact List</a></li>
							<li><a href="editable_elements.html">Editable Elements</a></li>
							<li><a href="file_manager.html">File manager</a></li>
							<li><a href="gallery.html">Gallery</a></li>
							<li><a href="gmaps.html">Google Maps</a></li>
							<li>
								<a href="javascript:void(0)">Tables</a>
								<ul>
									<li><a href="datatables.html">Datatables</a></li>
									<li><a href="regular_tables.html">Regular</a></li>
									<li><a href="slick_grid.html">Slick Grid</a></li>
									<li><a href="table_responsive.html">Responsive Table</a></li>
								</ul>
							</li>
							<li><a href="tree_plugin.html">Tree Plugin</a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><span class="icon-beaker"></span>UI Elements</a>
						<ul>
							<li><a href="alerts_buttons.html">Alerts, Buttons</a></li>
							<li><a href="grid.html">Grid</a></li>
							<li><a href="icons.html">Icons</a></li>
							<li><a href="notifications.html">Notifications</a></li>
							<li><a href="panels.html">Panels</a></li>
							<li><a href="tabs_accordions.html">Tabs, Accordions</a></li>
							<li><a href="tooltips_popovers.html">Tooltips, Popovers</a></li>
							<li><a href="typography.html">Typography</a></li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)"><span class="icon-leaf"></span>Other Pages</a>
						<ul>
							<li><a href="blank.html">Blank page</a></li>
							<li><a href="chat.html">Chat</a></li>
							<li><a href="contact_page.html">Contact Page</a></li>
							<li><a href="error_404.html">Error 404</a></li>
							<li class="link_active"><a href="help_faq.html">Help/Faq</a></li>
							<li><a href="invoices.html">Invoices</a></li>
							<li><a href="landing_page.html">Landing Page</a></li>
							<li><a href="login_page.html">Login Page</a></li>
							<li><a href="mailbox.html">Mailbox</a></li>
							<li><a href="pricing_table.html">Pricing Table</a></li>
							<li><a href="search_page.html">Search Page</a></li>
							<li><a href="settings.html">Site Settings</a></li>
							<li><a href="user_profile.html">User profile</a></li>
						</ul>
					</li>				
				</ul>
			</div>
		</nav>

	<!--[[ common plugins ]]-->
	
	<!-- jQuery -->
		<script src="js/jquery.min.js"></script>
	<!-- bootstrap framework -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
	<!-- jQuery resize event -->
		<script src="js/jquery.ba-resize.min.js"></script>
	<!-- jquery cookie -->
		<script src="js/jquery_cookie.min.js"></script>
	<!-- retina ready -->
		<script src="js/retina.min.js"></script>
	<!-- typeahead -->
		<script src="js/lib/typeahead.js/typeahead.min.js"></script>
		<script src="js/lib/typeahead.js/hogan-2.0.0.js"></script>

	<!-- tinyNav -->
		<script src="js/tinynav.js"></script>
	<!-- slimscroll -->
		<script src="js/lib/jQuery-slimScroll/jquery.slimscroll.min.js"></script>
	
	<!-- bootstrap switch -->
		<script src="js/lib/bootstrap-switch/js/bootstrap-switch.min.js"></script>
	
	<!-- touchSwipe -->
		<script src="js/lib/TouchSwipe/jquery.touchSwipe.min.js"></script>
		
	<!-- Navgoco -->
		<script src="js/lib/navgoco/jquery.navgoco.min.js"></script>
		
	<!-- ebro common scripts/functions -->
		<script src="js/ebro_common.js"></script>

	<!--[if lte IE 9]>
		<script src="js/ie/jquery.placeholder.js"></script>
		<script>
			$(function() {
				$('input, textarea').placeholder();
			});
		</script>
	<![endif]-->
	
    <!-- style switcher -->
		<div id="style_switcher" class="switcher_open">
            <a href="#" class="switcher_toggle"><i class="icon-cog"></i></a>
			<div class="style_items">
				<p class="style_title">Theme</p>
				<ul class="clearfix" id="theme_switch">
					<li class="style_active" style="background:#48ac2e" title="color_1">Color 1</li>
					<li style="background:#993399" title="color_2">Color 2</li>
					<li style="background:#168cbe" title="color_3">Color 3</li>
					<li style="background:#d61110" title="color_4">Color 4</li>
					<li style="background:#e96710" title="color_5">Color 5</li>
					<li style="background:#262626" title="color_6">Color 6</li>
					<li style="background:#01aaad" title="color_7">Color 7</li>
					<li style="background:#9c5100" title="color_8">Color 8</li>
					<li style="background:#e31a8f" title="color_9">Color 9</li>
					<li style="background:#ffbb0e" title="color_10">Color 10</li>
					<li style="background:#79be0b" title="color_11">Color 11</li>
					<li style="background:#887171" title="color_12">Color 12</li>
					<li style="background:#28abe2" title="color_13">Color 13</li>
					<li style="background:#2f7138" title="color_14">Color 14</li>
					<li style="background:#ce4627" title="color_15">Color 15</li>
					<li style="background:#693986" title="color_16">Color 16</li>
					<li style="background:#7f8c8d" title="color_17">Color 17</li>
					<li style="background:#2c3e50" title="color_18">Color 18</li>
					<li style="background:#34495e" title="color_19">Color 19</li>
					<li style="background:#1abc9c" title="color_20">Color 20</li>
				</ul>
			</div>
			<div class="style_items" id="sidebar_switch">
				<p class="style_title">Sidebar position</p>
				<label class="radio-inline">
					<input type="radio" name="sidebar_position" id="sidebar_left" value="left" checked> Left
				</label>
				<label class="radio-inline">
					<input type="radio" name="sidebar_position" id="sidebar_right" value="right"> Right
				</label>
			</div>
			<div class="style_items" id="layout_switch">
				<p class="style_title">Layout</p>
				<select name="layout_style" id="layout_style" class="form-control">
					<option value="fixed">Fixed</option>
					<option value="full_width" class="hidden-sm hidden-md">Full Width</option>
					<option value="boxed" class="hidden-sm hidden-md">Boxed</option>
				</select>
			</div>
			<div class="style_items" id="style_pattern">
				<p class="style_title">Pattern (boxed layout)</p>
				<ul class="clearfix">
					<li class="pattern_active" style="background:url(img/patterns/pattern_1.png) no-repeat 0 0" title="pattern_1">Pattern 1</li>
					<li style="background:url(img/patterns/pattern_2.png) no-repeat 0 0" title="pattern_2">Pattern 2</li>
					<li style="background:url(img/patterns/pattern_3.png) no-repeat 0 0" title="pattern_3">Pattern 3</li>
					<li style="background:url(img/patterns/pattern_4.png) no-repeat 0 0" title="pattern_4">Pattern 4</li>
					<li style="background:url(img/patterns/pattern_5.png) no-repeat 0 0" title="pattern_5">Pattern 5</li>
					<li style="background:url(img/patterns/pattern_6.png) no-repeat 0 0" title="pattern_6">Pattern 6</li>
					<li style="background:url(img/patterns/pattern_7.png) no-repeat 0 0" title="pattern_7">Pattern 7</li>
					<li style="background:url(img/patterns/pattern_8.png) no-repeat 0 0" title="pattern_8">Pattern 8</li>
					<li style="background:url(img/patterns/pattern_9.png) no-repeat 0 0" title="pattern_9">Pattern 9</li>
					<li style="background:url(img/patterns/pattern_10.png) no-repeat 0 0" title="pattern_10">Pattern 10</li>
				</ul>
			</div>
			<div class="text-center">
				<button class="btn btn-default" id="style_reset">Reset</button>
			</div>
        </div>
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-44288135-1']);
			_gaq.push(['_trackPageview']);
		  
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
		</script>
	</body>
</html>